<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>手机-魅族官网</title>
    <link rel="stylesheet" href="./list.css">
</head>
<body>
<!--顶部导航栏-->
<header class="clearfix">
    <li class="l1">MEIZU</li>
    <ul class="headerli">
        <li class="l2">手机</li>
        <li class="l2">Lipro</li>
        <li class="l2">声学</li>
        <li class="l2">配件</li>
        <li class="l2">PANDAER</li>
        <li class="l2">Flyme</li>
        <li class="l2">服务</li>
        <li class="l2">社区</li>
        <li class="l2">企业服务</li>
        <li class="l2">APP下载</li>
    </ul>
</header>
<a href="javascript:;">
    <img class="img-top" src="img_list/Q1.jpg" alt="">
</a>
<div class="box1">
    <span class="phone">手机</span>
    <a href="javascript:;">
        <span class="price">价格</span>
    </a>
    <a href="javascript:;">
        <span class="new">新品</span>
    </a>
    <a href="javascript:;">
        <span class="push">推荐</span>
    </a>
</div>
<div class="box2">
   <div class="box3">
       <img src="img_list/q2.jpg" alt="">
       <div class="box4">魅族 &nbsp;18x</div>
       <div class="box5">
           <span>【</span>新平上市<sapn>】</sapn>高通骁龙870+UFS...
       </div>
       <div class="box6">
           <span>￥</span> <span class="money">2599</span>
       </div>
   </div>
    <div class="box3">
        <img src="img_list/Q4.jpg" alt="">
        <div class="box4">魅族 &nbsp;18</div>
        <div class="box5">
            <span>【</span>新平上市<sapn>】</sapn>高通骁龙870+UFS...
        </div>
        <div class="box6">
            <span>￥</span> <span class="money">3999</span>
        </div>
    </div>
    <div class="box3">
        <img src="img_list/Q7.jpg" alt="">
        <div class="box4">魅族 &nbsp;18x</div>
        <div class="box5">
            <span>【</span>新平上市<sapn>】</sapn>高通骁龙870+UFS...
        </div>
        <div class="box6">
            <span>￥</span> <span class="money">2599</span>
        </div>
    </div>
    <div class="box3">
        <img src="img_list/Q5.jpg" alt="">
        <div class="box4">魅族 &nbsp;18s</div>
        <div class="box5">
            <span>【</span>限时领卷立省200+12期免息<sapn>】</sapn>...
        </div>
        <div class="box6">
            <span>￥</span> <span class="money">3699</span>
        </div>
    </div>
    <div class="box3">
        <img src="img_list/q2.jpg" alt="">
        <div class="box4">魅族 &nbsp;18s&nbsp;Pro</div>
        <div class="box5">
            <span>【</span>限时领卷立省200+12期免息<sapn>】</sapn>...
        </div>
        <div class="box6">
            <span>￥</span> <span class="money">4599</span>
        </div>
    </div>
    <div class="box3">
        <img src="img_list/q4.jpg" alt="">
        <div class="box4">魅族 &nbsp;18&nbsp;Pro</div>
        <div class="box5">
            <span>【</span>限时领券至高立省1200&nbsp;|&nbsp;12期免...<sapn></sapn>
        </div>
        <div class="box6">
            <span>￥</span> <span class="money">4999</span>
        </div>
    </div>
    <div class="box3">
        <img src="img_list/q4.jpg" alt="">
        <div class="box4">魅族 &nbsp;18</div>
        <div class="box5">
            <span>【</span>限时领券至高立省1100&nbsp;|&nbsp;12期免...<sapn></sapn>
        </div>
        <div class="box6">
            <span>￥</span> <span class="money">2599</span>
        </div>
    </div>
    <div class="box3">
        <img src="img_list/Q5.jpg" alt="">
        <div class="box4">【老用户专享】魅族 &nbsp;18</div>
        <div class="box5">
            <span>【</span>6期免息<sapn>】</sapn>高通骁龙865 &nbsp;|&nbsp;UFS&nbsp;3...
        </div>
        <div class="box6">
            <span>￥</span> <span class="money">3999</span>
        </div>
    </div>
    <div class="box3">
        <img src="img_list/q2.jpg" alt="">
        <div class="box4">魅族 &nbsp;18x</div>
        <div class="box5">
            <span>【</span>新平上市<sapn>】</sapn>高通骁龙870+UFS...
        </div>
        <div class="box6">
            <span>￥</span> <span class="money">2599</span>
        </div>
    </div>
    <div class="box3">
        <img src="img_list/q.jpg" alt="">
        <div class="box4">魅族 &nbsp;17&nbsp;Pro&nbsp;晓方窑艺术典藏版</div>
        <div class="box5">
            <span></span>这艺术<sapn></sapn>科技极了
        </div>
        <div class="box6">
            <span>￥</span> <span class="money">9999</span>
        </div>
    </div>
    <div class="box3">
        <img src="img_list/q10.jpg" alt="">
        <div class="box4">魅族 &nbsp;17&nbsp;航母限定版</div>
        <div class="box5">
          高通865+UFS&nbsp;3.1&nbsp;高速闪存|...
        </div>
        <div class="box6">
            <span>￥</span> <span class="money">4299</span>
        </div>
    </div>
</div>
<div class="div-two">
    <a href="javascript:;">
        <img src="img_list/Q9.jpg" alt="">
    </a>
</div>
<div class="tuijian">为您推荐</div>
<div class="bottom">
    <div class="boxa">
        <img src="img_list/q2.jpg" alt="">
        <div class="box4">魅族 &nbsp;18x</div>
        <div class="box6">
            <span>￥</span> <span class="money">2599</span>
        </div>
    </div>
    <div class="boxa">
        <img src="img_list/18s.jpg" alt="">
        <div class="box4">魅族 &nbsp;17&nbsp;Pro&nbsp;</div>
        <div class="box6">
            <span>￥</span> <span class="money">9999</span>
        </div>
    </div>
    <div class="boxa">
        <img src="img_list/m17.jpg" alt="">
        <div class="box4">魅族 &nbsp;17&nbsp;航母限定版</div>
        <div class="box6">
            <span>￥</span> <span class="money">4299</span>
        </div>
    </div>
    <div class="boxa">
        <img src="img_list/m18.jpg" alt="">
        <div class="box4">魅族 &nbsp;17&nbsp;航母限定版</div>
        <div class="box6">
            <span>￥</span> <span class="money">4299</span>
        </div>
    </div>
</div>
<div class="bottom_last">
    <div>了解魅族</div>
    <div>加入我们</div>
    <div>联系我们</div>
    <div>天猫旗舰店</div>
    <div>问题反馈</div>
    <div>线上销售授权名单公示</div>
    <div>出版物经营许可证</div>
    <div>涉未成年人网络有害信息举报(12377)</div>
    <div>网络违法违规人员举报</div>
    <div>简体中文</div>
</div>
<div class="bottom_last_last">
    <div>@2021 Meizu Telecom Equipment Co,Ltd.All rights reserved</div>
    <div class="lastbox">粤ICP备13003602号</div>
    <div class="lastbox">合字B-2-20170010</div>
    <div class="lastbox">营业执照</div>
    <div class="lastbox">法律声明</div>
    <div class="lastbox">粤公网安备44049102496009号</div>
</div>
</body>
</html>